<template>
  <div class="app-page">
    <el-button type="primary" @click="showDialog">
      显示弹窗
    </el-button>
    <baseDialog v-if="dialogShow" v-el-drag-dialog :visible.sync="dialogShow"></baseDialog>
  </div>
</template>
<script>
import baseDialog from './children/baseDialog'
export default {
  name: 'DialogBase',
  components: {
    baseDialog
  },
  data () {
    return {
      dialogShow: false
    }
  },
  methods: {
    showDialog () {
      this.dialogShow = true
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.app-page {
  padding: 30px;
}
</style>
